<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/classify.css"/>
	<link rel="stylesheet" href="css/swiper.min.css" />
	<script src="js/swiper.min.js"></script>
	<body>
		<div id="web">
			<header>
				<div class="logo">
					<a href="index.html">Back</a>
				</div>
				<div class="selectBar">
					<select name="">
						<option value="">广州</option>
						<option value="">深圳</option>
						<option value="">珠海</option>
					</select>
				</div>
				<p>分类</p>
			</header>
			<section>
				<div class="carous swiper-container">
					<div  class="swiper-wrapper">
						<ul class="carousImg clearfix swiper-slide">
							<li>
								<div><img src="img/classify/carous1.png" alt="" /></div>
								<p>美食</p>
							</li>
							<li>
								<div><img src="img/classify/carous2.png" alt="" /></div>
								<p>电影</p>
							</li>
							<li>
								<div><img src="img/classify/carous3.png" alt="" /></div>
								<p>运动</p>
							</li>
							<li>
								<div><img src="img/classify/carous4.png" alt="" /></div>
								<p>唱歌</p>
							</li>
						</ul>
						<ul class="carousImg clearfix swiper-slide">
							<li>
								<div><img src="img/classify/carous1.png" alt="" /></div>
								<p>美食</p>
							</li>
							<li>
								<div><img src="img/classify/carous2.png" alt="" /></div>
								<p>电影</p>
							</li>
							<li>
								<div><img src="img/classify/carous3.png" alt="" /></div>
								<p>运动</p>
							</li>
							<li>
								<div><img src="img/classify/carous4.png" alt="" /></div>
								<p>唱歌</p>
							</li>
						</ul>
						<ul class="carousImg clearfix swiper-slide">
							<li>
								<div><img src="img/classify/carous1.png" alt="" /></div>
								<p>美食</p>
							</li>
							<li>
								<div><img src="img/classify/carous2.png" alt="" /></div>
								<p>电影</p>
							</li>
							<li>
								<div><img src="img/classify/carous3.png" alt="" /></div>
								<p>运动</p>
							</li>
							<li>
								<div><img src="img/classify/carous4.png" alt="" /></div>
								<p>唱歌</p>
							</li>
						</ul>
						<ul class="carousImg clearfix swiper-slide">
							<li>
								<div><img src="img/classify/carous1.png" alt="" /></div>
								<p>美食</p>
							</li>
							<li>
								<div><img src="img/classify/carous2.png" alt="" /></div>
								<p>电影</p>
							</li>
							<li>
								<div><img src="img/classify/carous3.png" alt="" /></div>
								<p>运动</p>
							</li>
							<li>
								<div><img src="img/classify/carous4.png" alt="" /></div>
								<p>唱歌</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="swiper-pagination"></div>
				<article>
					<div class="title clearfix">
						<p class="fl">
							<img src="img/classify/title1.png"/>
							<span>电影类</span>
						</p>
						<p class="fr">
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-you"></i>
							</a>
						</p>
					</div>
					<ul class="shopList clearfix">
						<li><img src="img/classify/food1.jpg" alt="" /></li>
						<li><img src="img/classify/food2.jpg" alt="" /></li>
						<li><img src="img/classify/food3.jpg" alt="" /></li>
						<li><img src="img/classify/food4.jpg" alt="" /></li>
					</ul>
					<div class="title clearfix">
						<p class="fl">
							<img src="img/classify/title2.png"/>
							<span>运动类</span>
						</p>
						<p class="fr">
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-you"></i>
							</a>
						</p>
					</div>
					<ul class="shopList clearfix">
						<li><img src="img/classify/sport1.jpg" alt="" /></li>
						<li><img src="img/classify/sport2.jpg" alt="" /></li>
						<li><img src="img/classify/sport3.jpg" alt="" /></li>
						<li><img src="img/classify/sport4.jpg" alt="" /></li>
					</ul>
					<div class="title clearfix">
						<p class="fl">
							<img src="img/classify/title3.png"/>
							<span>美食类</span>
						</p>
						<p class="fr">
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-you"></i>
							</a>
						</p>
					</div>
					<ul class="shopList clearfix">
						<li><img src="img/classify/movie1.jpg" alt="" /></li>
						<li><img src="img/classify/movie2.jpg" alt="" /></li>
						<li><img src="img/classify/movie1.jpg" alt="" /></li>
						<li><img src="img/classify/movie2.jpg" alt="" /></li>
					</ul>
				</article>
			</section>
			<footer>
				<ul>
					<li><a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a></li>
					<li class="active"><a href="classify.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a></li>
					<li><a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a></li>
					<li><a href="myself.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a></li>
				</ul>
			</footer>
		</div>
		<script type="text/javascript">
			document.body.style.height=window.innerHeight+'px';
		</script>
		<script src="js/getFontsize.js"></script>
		<script>
			new Swiper("section .swiper-container",{
				loop:true,
				direction: 'horizontal',
				autoplay:3000,
				    // 如果需要分页器
   				pagination: '.swiper-pagination',
   				paginationClickable :true,
   				
			});
		</script>
	</body>
</html>
